<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../../js/jquery-3.5.1.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#title").click(function () { //点击
                //设置title的样式
                //this -> 当前对象 DOM  -> $(this)
                $(this).css({
                    "color": "blue",
                    "font-size": "30px",
                }).siblings("p").css("color", "green");//找到title的同级p元素 设置p元素颜色
            })
            $("#more").click(function () {
                $("#content").toggle(); //如果元素显示就隐藏 如果隐藏就显示
            })
        })

    </script>
</head>
<body>
<img src="images/book.gif" style="float: left;height: 280px;">
<div style="margin-left: 10px;float: left">
    <h2 id="title">你是人间四月天</h2>
    <p>笑响亮了四面风</p>
    <p>轻灵在春的光艳中交舞看变</p>
    <p>你是一月早天的云烟</p>
    <p>黄昏吹着风的软</p>
    <p>....</p>
    <a href="#" id="more">查看全部</a>
</div>
<div style="clear: both;padding-top: 10px;display: none" id="content">
    <p style="padding: 10px;background: #ccc;color: #fff">内容简介</p>
    <p>你是人间四月天是永正图书推出的“比烟花寂寞”系列之三。“比烟花寂寞"系列包括《民国女子》《爱眉小札》《你是人间四月天》《你是我眉心未完的诗》。这系列以前所未有的包装形式推出，引起读者尖叫连连。一经上市，便引发各大报纸、媒体的一致报道。有人崇拜她，把她当做女神、偶像；也有人放出话来，“喜欢她的女人，品行有问题；喜欢她的男人，脑子有问题。”她是缺乏幽娴品德的女人，她喜好与人辩论，她用诗句表达她的哀愁，她精通文理，学贯中西。她对文学和艺术，具有本能的、直接的感悟。生长富贵，命运坎坷，修养让她把热情藏在里面，热情却是她生活的支柱。 她，就是那个万千宠爱于一身的一代才女——林徽因。《你是人间四月天》是林徽因的一本小说、诗歌、散文、剧本集，几乎收录了林徽因所有的经典文学作品。其散文成就颇大，虽然数量不多，但风格独特，知识性强。诗歌尤多，其诗作融人中国古典诗歌和西方唯美派的一些表现手法，每篇文章都是她灵动思绪和满腹才华的凝结。她的语言温婉淡雅，如行云流水，又如拂面的春风。可以说。她的文字拥有超越时间的魅力。
笔下流露出令人惊讶的对民间百态的深谙。</p>
</div>
</body>
</html>